<ion-view class="bg-f7 partner-index-wrapper">
    <div ui-sref="search.index" align-title="center" class="com-header bg-base border-1px-ccc partner-header" ng-class="{true:'show-srch'}[showSearch]">
        <div class="h-search">
            <div class="srch-input text-center bg-f5">
                <i class="icon ion-ios-search-strong color-999 fs-18"></i>
                <span class="fs-12 color-ccc">搜索您想要的服务</span>
            </div>
        </div>
    </div>
    <ion-content on-drag-down="dragDown()" delegate-handle="mainScroll" overflow-scroll="false" scrollbar-y="false" has-bouncing="false">
        <div class="header"></div>
        <div class="search weui-flex">
            <div class="local">
                <i class="icon ion-ios-location color-white fs-18"></i>
                <span class="fs-12 color-white">重庆</span>
            </div>
            <div ui-sref="search.index" class="srch-input bg-f5 weui-flex__item">
                <p class="fs-12 color-ccc text-center">搜索您想要的服务</p>
                <i class="icon ion-ios-search-strong color-999 fs-18"></i>
            </div>
        </div>
        <!--车辆信息-->
        <div class="pad-side-15">
            <div class="bg-white user-msg">
                <div class="car">
                    <i class="inline-block car-icon ver-top"></i>
                    <p class="inline-block fs-16 color-333 mar-l-10 lh-50">渝A·123AA</p>
                </div>
                <a ui-sref="personal.index" class="fs-12 color-999 lh-50 to-person" href="">个人中心&nbsp;&nbsp;<i class="icon ion-ios-arrow-forward fs-16"></i></a>
                <div class="weui-flex mar-t-20">
                    <div class="weui-flex__item">
                        <div ng-if="" class="text-center null">
                            <span class="fs-12 color-ccc lh-40">无违章记录</span>
                        </div>
                        <div ng-if="true" class="text-center">
                            <span class="fs-14 color-333 block lh-20">4次&nbsp;12分</span>
                            <span class="fs-12 color-ccc block lh-20">违章</span>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="weui-flex__item">
                        <div ng-if="" class="text-center null">
                            <i class="icon ion-ios-plus-outline fs-18 color-base lh-20"></i>
                            <span class="fs-12 color-ccc block lh-20">保险公司</span>
                        </div>
                        <div ng-if="true" class="text-center">
                            <span class="fs-14 color-333 block lh-20">平安车险</span>
                            <span class="fs-12 color-ccc block lh-20">一键联系</span>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="weui-flex__item">
                        <div ng-if="" class="text-center null">
                            <span class="block color-red fs-16 lh-20">90天</span>
                            <span class="fs-12 color-base block lh-20">无忧办年检&nbsp;<i class="icon ion-ios-arrow-forward fs-16"></i></span>
                        </div>
                        <div ng-if="true" class="text-center">
                            <span class="fs-14 color-333 block lh-20">210天</span>
                            <span class="fs-12 color-ccc block lh-20">下次年检</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--导航-->
        <div class="bg-white nav">
            <div class="weui-flex">
                <div ui-sref="nearby.wash" class="weui-flex__item text-center">
                    <i class="block icon1"></i>
                    <p class="fs-12 color-333">洗车</p>
                    <span class="fs-10 color-ccc">
                        <i class="icon ion-ios-location color-ccc"></i>1.5km
                    </span>
                </div>
                <div ui-sref="nearby.park" class="weui-flex__item text-center">
                    <i class="block icon2"></i>
                    <p class="fs-12 color-333">停车场</p>
                    <span class="fs-10 color-ccc">
                        <i class="icon ion-ios-location color-ccc"></i>1.5km
                    </span>
                </div>
                <div ui-sref="nearby.filling" class="weui-flex__item text-center">
                    <i class="block icon3"></i>
                    <p class="fs-12 color-333">加油站</p>
                    <span class="fs-10 color-ccc">
                        <i class="icon ion-ios-location color-ccc"></i>1.5km
                    </span>
                </div>
                <div ui-sref="nearby.maintain" class="weui-flex__item text-center">
                    <i class="block icon4"></i>
                    <p class="fs-12 color-333">维修</p>
                    <span class="fs-10 color-ccc">
                        <i class="icon ion-ios-location color-ccc"></i>1.5km
                    </span>
                </div>
                <div ui-sref="nearby.upkeep" class="weui-flex__item text-center">
                    <i class="block icon5"></i>
                    <p class="fs-12 color-333">保养</p>
                    <span class="fs-10 color-ccc">
                        <i class="icon ion-ios-location color-ccc"></i>1.5km
                    </span>
                </div>
            </div>
        </div>
        <!--宫格服务-->
        <div class="mar-t-10 grid-service">
            <div class="weui-flex">
                <div class="weui-flex__item bg-white border-1px-f5 my-service">
                    <div class="left">
                    <h2 class="txt-line-1 fs-14 color-333">小车免检（6年）</h2>
                    <p class="txt-line-2 fs-10 color-666 mar-t-10">六年以内的非营运轿车和其它小型、微型汽车六年以内的非营运轿车和其它小型、微型汽车</p>
                    </div>
                    <div class="right icon1"></div>
                </div>
                <div class="line"></div>
                <div class="weui-flex__item bg-white border-1px-f5 my-service">
                    <div class="left">
                        <h2 class="txt-line-1 fs-14 color-333">证牌补办</h2>
                        <p class="txt-line-2 fs-10 color-666 mar-t-10">专属经纪人全程服务扫除各种障碍</p>
                    </div>
                    <div class="right icon2"></div>
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item bg-white border-1px-f5 my-service">
                    <div class="left">
                        <h2 class="txt-line-1 fs-14 color-333">小车线上检</h2>
                        <p class="txt-line-2 fs-10 color-666 mar-t-10">仅可办理5坐及以下车辆的线上检业务</p>
                    </div>
                    <div class="right icon3"></div>
                </div>
                <div class="line"></div>
                <div class="weui-flex__item bg-white border-1px-f5 my-service">
                    <div class="left">
                        <h2 class="txt-line-1 fs-14 color-333">路桥卡/ETC</h2>
                        <p class="txt-line-2 fs-10 color-666 mar-t-10">无需亲自办理，全程服务包邮 </p>
                    </div>
                    <div class="right icon4"></div>
                </div>
            </div>
        </div>
        <!--门店列表-->
        <div class="mar-t-10 shop-list">
            <div class="bg-base text-center item-title">
                <i class="inline-block ver-top"></i>
                <span class="fs-16 color-white">优选门店</span>
            </div>
            <div class="com-list">
                <div ng-repeat="item in shopList" class="weui-flex com-list-item border-1px-f5">
                    <div class="img-cont">
                        <img src="./asset/car_customer/images/data/shop.jpg" class="img">
                        <div class="mask fs-10 text-center color-white">商家休息中</div>
                    </div>
                    <div class="weui-flex__item item-cont">
                        <div class="my-title fs-0">
                            <h2 class="title color-333 fs-14 inline-block txt-line-1">重庆靓车会专业汽车重庆靓车会专业汽车</h2>
                            <div class="label label-order fs-10 inline-block color-white">预</div>
                            <div class="label label-buy fs-10 inline-block color-white">购</div>
                        </div>
                        <div class="star">
                            <span><i class="icon ion-ios-star"></i></span>
                            <span><i class="icon ion-ios-star"></i></span>
                            <span><i class="icon ion-ios-star"></i></span>
                            <span><i class="icon ion-ios-star-half"></i></span>
                        </div>
                        <div class="detail fs-10 color-999">洗车、美容、保养、维修</div>
                        <div class="adress fs-10 color-ccc ver-top txt-line-1"><i class="icon ion-ios-location ver-top"></i>
                            1.5km 重庆市渝北区龙山三路16号春风城重庆市渝北区龙山三路16号春风城
                        </div>
                    </div>
                    <div class="price">￥30</div>
                </div>
                <!--无限加载-->
                <div ng-show="true" class="weui-loadmore weui-loadmore_line">
                    <span class="weui-loadmore__tips bg-f7">已经到底了</span>
                </div>
                <!--无限加载使用这个样方式进行 开关  ng-if="hasMore" -->
                <!--如果不需要则删除即可-->
                <ion-infinite-scroll
                        ng-if="hasMore"
                        on-infinite="onLoadMore()"
                        spinner="ios"
                        distance="1%">
                </ion-infinite-scroll>
            </div>
        </div>
    </ion-content>
</ion-view>
